<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="tags" tagdir="/WEB-INF/tags" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<html>
<head>
    <title>发布社团招募</title>
</head>
<body>
<div class="content">
    <form>
        <div class="form-group">
            <h3 class="item-title">基础信息</h3>

            <div class="form-item">
                <label for="">标题</label>
                <input type="text" class="form-control" id="title" placeholder="简短的描述">
            </div>
            <div class="form-item">
                <label for="">有效期</label>
                <input type="date" class="form-control" id="stopDate" placeholder="招募的截至日期">
            </div>
            <div class="form-item">
                <label for="">人数限制</label>
                <input type="text" class="form-control" id="persons" placeholder="招募人数">
            </div>
        </div>
        <div class="form-group">
            <h3 class="item-title">技能要求</h3>

            <div class="form-item">
                <label class="form-item-title" for="">职业</label>
                <c:forEach items="${userType}" var="skill">
                    <div class="checkbox checkbox-item">
                        <label><input type="checkbox" value="${skill.code}">${skill.name}</label>
                    </div>
                </c:forEach>
            </div>
            <div class="form-item">
                <label class="form-item-title" for="">专业技能</label>
                <c:forEach items="${userSkill}" var="skill">
                    <div class="checkbox checkbox-item">
                        <label><input type="checkbox" value="${skill.code}">${skill.name}</label>
                    </div>
                </c:forEach>
            </div>
            <div class="form-item">
                <label class="form-item-title" for="">服务领域</label>
                <c:forEach items="${userServiceFiled}" var="skill">
                    <div class="checkbox checkbox-item">
                        <label><input type="checkbox" value="${skill.code}">${skill.name}</label>
                    </div>
                </c:forEach>
            </div>
        </div>


        <div class="page-volunteer-recruitment-grid">
            <label for="">封面</label>
            <ul>
                <c:forEach items="${groupRecruitImg}" var="img">
                    <li>
                        <div class="volunteer-recruitment-card">
                            <div class="cover"><a class="frame-border" href="#"><img alt="" src="${img.name}"></a></div>
                        </div>
                    </li>
                </c:forEach>
            </ul>
        </div>


        <div class="form-group">
            <div class="form-item">
                <label for="">简介</label>
                <textarea class="form-control"></textarea>
            </div>
        </div>
        <div>
            <a href="${ctx}/groupRecruit/question/${groupCode}"> 下一步</a>
        </div>
    </form>
</div>
</body>
</html>
